﻿.invite { width: 100%; background: linear-gradient(to right, #4c21d2, #4864f8); height: 100vh; }

.invite-bg { position: absolute; width: 100%; height: 341.5px; z-index: 66; }
.invite-c { position: absolute; z-index: 67; padding: 0 15px; top: 334px; background: linear-gradient(to right, #4c21d2, #4864f8); }
.invite-btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.invite-btn { top: -110px; position: relative; }

.invite-w { background-color: #fff; text-align: center; padding: 20px 50px; box-sizing: border-box; border-radius: 15px; margin-bottom: 35px; position: relative; top: -124px; }

.invite-w-t { width: 70%; margin: 0 auto; color: #fff; border-radius: 25px; font-size: 15px; box-sizing: border-box; padding: 5px; display: block; background: linear-gradient(to right, #5f2ef6, #b945dd); }
.invite-w-num { color: #5f2ef6; display: block; font-size: 18px; margin-top: 10px; }
.invite-w-detail { color: #666; font-size: 12px; line-height: 1.5; margin-top: 10px; }
.invite-w-bot { margin: 10px 0 25px; }
    .invite-w-bot > view { width: 49%; display: inline-block; }
.invite-w-bot-ic { width: 24px; height: 24px; }
.invite-w-bot-red { font-size: 12px; color: #ca0400; display: block; }
.invite-w-bot-gray { font-size: 12px; color: #acacac; display: block; }
.invite-w-t-blue { color: #348dfc; font-size: 15px; margin-bottom: 25px; display: block; }
.invite-w-input { font-size: 15px; border-bottom: 1px solid #dadada; margin-bottom: 25px; color: #999; }
.invite-w-btn { background: linear-gradient(to right, #4a6af9, #28c4ff); color: #fff; width: 50%; margin: 0 auto; border-radius: 25px; font-size: 15px; padding: 5px 0; }


